<!---- SUI模板 on 2017/4/9 -->
<script ng-init="initCss('others-task-details-page/css/others-task-details.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="javascript:history.go(-2);"></a>
    <h1 class="title">任务详情</h1>
</header>
<div class="content" ng-init="">
    <div class="card facebook-card">
        <div class="card-header no-border">
            <div class="facebook-avatar">
                <img ng-click="getUserOtherId(taskInfo.taskCreatorUser.userId)" width="34" height="34"
                     ng-if="!taskInfo.avatarImg.imgAddress" src="page/personal-profile-edit-page/images/avatar.png">
                <img ng-click="getUserOtherId(taskInfo.taskCreatorUser.userId)" width="34" height="34"
                     ng-if="taskInfo.avatarImg.imgAddress" ng-src="{{taskInfo.avatarImg.imgAddress}}">
            </div>

            <div class="facebook-name nickname" ng-model="taskInfo.taskCreatorUser.userNickName">
                {{taskInfo.taskCreatorUser.userNickName}}
            </div>
            <div class="release-status" ng-model="taskInfo.taskStateWords">{{taskInfo.taskStateWords}}</div>
            <div class="facebook-date release-time" ng-model="taskInfo.taskIssueTime">{{taskInfo.taskIssueTime |
                date:'yyyy-MM-dd '}}
            </div>
        </div>
        <div class="card-content">
            <div class="item-subtitle" style="text-align: left;margin-left: .4rem;font-weight: bold"
                 ng-model="taskInfo.taskTitle">{{taskInfo.taskTitle}}
            </div>
            <p style="margin-left: .4rem" ng-model="taskInfo.taskContent">{{taskInfo.taskContent}}
            </p>
            <div class="picture-placement" ng-if="taskInfo.imgAddresses" ng-repeat="img in taskInfo.imgAddresses">
                <div class="loading-bg">
                    <img ng-if="img.isLoad" ng-click="imgBrowser(taskInfo.imgAddresses,$index)" ng-src="{{img.imgSrc}}">
                    <img ng-if="!img.isLoad" src="lib/res/loading.gif" class="hide-bg" alt="">
                </div>
            </div>
            <div class="clear"></div>
            <p style="margin-left: .4rem" class="special-version">
                <span class="fa home fa-bell-o"
                      ng-model="taskInfo.taskDetailSpecially">{{taskInfo.taskDetailSpecially}}</span>
            </p>
            <p style="margin-left: .4rem" class="contaction-ways">
                联系方式：{{taskInfo.taskContactInfo}}
            </p>
        </div>
        <div class="card-footer no-border">
            <a class="link release-money"><span class="fa home fa-cny" ng-model="taskInfo.taskMoney">{{taskInfo.taskMoney}}</span></a>
            <a class="link count-down" ng-model="taskInfo.taskdeadline"><span ng-if="taskInfo.taskdeadline"
                                                                              class="icon icon-clock"></span>{{taskInfo.taskdeadline|deadlineChange}}</a>
            <a class="link release-distance">
                <span class="fa home fa-map-marker" ng-if="taskInfo.distanceKm" ng-model="taskInfo.distanceKm">{{taskInfo.distanceKm}}千米</span>
                <span class="fa home fa-map-marker" ng-if="taskInfo.distancem" ng-model="taskInfo.distancem">{{taskInfo.distancem}}米</span>
            </a>
        </div>
    </div>
</div>
<div ng-init="suiMobileInit()"></div>